@import url(iconfont_1.css);

/*漂浮广告*/
.admove{position:absolute; top:0; left:0; z-index:999999; font-size:14px; text-align:right;}
.close_btn{display:inline-block; width:48px; height:17px; background:url(../images/close.jpg) no-repeat right center; cursor:pointer;}

/* 首页banner */
.index-header{position: relative; height: auto; width: 100%; overflow-x: hidden; padding-bottom:24rem;}
.home-banner{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.home-banner .swiper-slide{
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center top
}
.home-banner .swiper-slide.pic1{
    background-image:url(../images/banner01.png);
}
.home-banner .swiper-slide.pic2{
    background-image:url(../images/banner02.jpg);
}
.home-banner .swiper-slide.pic3{
    background-image:url(../images/banner03.png);
}
.home-banner .swiper-container{
    height: 100%;
}

.bann-pagination{
    position:absolute;
    bottom: 20%;
    z-index: 1;
}
.home-banner img{
    width: 100%;
    height: 100%;
}
.bann-pagination .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
    cursor: pointer;
    width: 100px;
    height: 5px;
    border-radius: 0;
    margin-right: 20px;
}
.bann-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background:#fa7202
}

/* 首页search */
.index-search{
    margin-top: 20px;
    position: relative;
    z-index: 2;
}
.index-search-tab li{
    float: left;
    width: 15%;
    text-align: center;
    padding:10px 0px 10px 0px
}
.index-search-tab li.on{
    background: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.index-search-text{
    max-width: 580px;
    height: 56px;
    background: #fff;
    border-radius: 5px;
    /* border-top-left-radius: 0px; */
}
.index-search-text select{
    height: 56px;
    line-height: 56px;
    border:0px;
    margin-left: 15px;
    outline: none;
    float: left;
    width: 60px;
}
.index-search-text input{
    float: left;
    height: 56px;
    line-height: 56px;
    text-indent: 1em;
    
    border:0px;
    color:#666666
}
.index-search-text #title{width:calc(100% - 62px);}
.index-search-text .index-search-btn{
    float: right;
    cursor: pointer;
	background:url(../images/public_pic09.png) no-repeat left center;
	width: 60px;
}


/* 首页头条内容 */
.index_content .container > div{box-sizing: border-box;}
.index_box{background: #fff; position: relative; border-radius: 10px;  margin-bottom: 1.25rem; padding: 1.25rem .625rem;}
.index_topxx{margin-top: -85px; z-index: 9;}
.index_topxx .time-wp{width: 100px;}
.index_topxx .time-wp span{display: block; text-align: center;}
.index_topxx .time-wp span.date{font-size: 2.5rem;}
.index_topxx .time-wp span.y-m{padding-top: 45px; position: relative; color: #333;}
.index_topxx .time-wp span.y-m::before{content: ""; display: block; position: absolute; top:0; left: 50%; width: 1px; height: 30px; border-left:1px dashed #999 ;}
.index_topxx .time-wp span.y-m::after{content: ""; display: block; position: absolute; top:30px; left: 50%; margin-left: -4px; width: 6px; height: 6px; border-radius: 50%; border:1px solid #999 ;}
.index_topxx .txt-wrap{width: calc(100% - 100px);}
.index_topxx .txt-wrap h3{height: 5rem; line-height: 1.7rem; font-size: 1.125rem; color: #000; margin-bottom:1rem; overflow: hidden;}
.index_topxx .txt-wrap h3 span{display: inline-block; background: url(../images/news_icon.png) center no-repeat; line-height: 22px; width: 3.5rem; text-align: center; font-size: .875rem; color: #fff; margin-left: .2rrem; padding:0 2px 0 5px;} 
.index_topxx .txt-wrap .des a{display: block; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.index_news{padding: 1.375rem 1.375rem 1.375rem 1.0625rem;}
.index_news .news{width: 43%;}
.tab-head{ height: 4.25rem; line-height: 4.25rem;}
.tab-head li{margin-right: 3rem; font-size: 1.375rem; color: #999; font-weight: bold; position: relative;}
.tab-head li:last-child{margin-right: 0;}
.tab-head li::after{content: ""; display: block; position: absolute; width:0; height:3px; background-color: #87b6de; bottom: .8rem; transition: width .4s;}
.tab-head li.on{color: #333;}
.tab-head li.on::after{width: 3.2rem;}

.news-list-2{padding-top: 1em; position: relative; min-height: 16.5rem;}
.news-list-2 h3{font-size: 1.375rem; font-weight: normal; line-height: 2; padding-bottom: 1.25rem;}
.news-list-2 h3 a{color: #0063b8; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news-list-2 p{line-height: 1.8; color: #999;}
.news-list-2 .more{position: absolute; left: 0; bottom: 0; padding: 8px 20px; background: #0063b8; border-radius: 5px; transition: .3s;}
.news-list-2 .more a{color: #fff; display: block;}
.news-list-2 .more:hover{background: #077bdf;}


.picnews{position:relative; width: 52.5%; height:354px; overflow: hidden; background: #f4f4f4;}
.picnews a{display: block; position: relative; height: 100%;}
.picnews img{width: 100%; height:100%; }
.picnews p{font-size: 1.125rem; position: absolute; left: 0; right: 0; bottom: 0; color: #fff; line-height:2.8; padding-left: 40px; padding-right:7rem; background: rgba(0, 0, 0, .5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.picnews .swiper-pagination{width: 9rem; left: auto; right: 0;}
.picnews .swiper-pagination span{border-radius: 0; width: 10px; height:10px;}
.picnews .swiper-pagination-bullet{background-color: #fff; opacity: 1;}
.picnews .swiper-pagination-bullet-active{background-color: #ff7f00;}

/* main政务公开等start */
.maintitle{background: url(../images/index_tt_bg.png) right top no-repeat; height: 60px; position: relative; padding-left: 3rem; margin-top: 2em; margin-bottom: 1em;}
.maintitle::after{content: ""; width: 96%; height: 3px; background: #85b6de; position: absolute; bottom: 0; right: 0; z-index: 2;}
.maintitle li{display: block; padding-left:3.2rem; box-sizing: border-box; float: left; position: relative; width: 22.5rem; height: 61px; overflow: hidden; top: 4px; background: url(../images/index_tt_bg02.png) right no-repeat; margin-left: -2.5rem; background-size: 100% 100%;}
.maintitle li:first-child,.maintitle li:last-child{opacity: .9;}
.maintitle li a{display: block; float: left; height:100%; line-height: 61px; font-size:1.875rem; color: #fff;} 
.maintitle li span{color: #fff; float:left; padding-top: 30px; padding-left: 1em;}
.maintitle li.on{background: url(../images/index_tt_bg01.png) right no-repeat;  z-index: 5; opacity: 1;background-size: 100% 100%;}
.main_c_box{padding: 1.5rem 0;}
.swiper-slide{height:1px} 
.swiper-slide-active { height:auto}
.main_left_lm{width: 27%;}
.left_lm_btn li{padding: 1.125rem;}
.left_lm_btn li a{display: block; align-items: center; font-size: 1.375rem; background: #fff; -webkit-box-shadow: 0 0 16px rgba(0, 99, 184, .175); box-shadow: 0 0 16px rgba(0, 99, 184, .175); padding:1.5rem 1rem;}
.left_lm_btn li a:hover{box-shadow: 0 0 6px rgba(0, 99, 184, .5);}
.left_lm_btn li a img{display: inline-block; padding: 0 15px 0 5px;}

.main_rcon{width: 71%; padding-top:1.125rem}
.con_lm2{margin: 0 -8px;}
.con_lm2 li{width:25%; float: left;}
.con_lm2 li a{display:flex; margin:8px; border: 1px solid #ccc; align-items: center; height: 3.8rem; padding: 0 15px;}
.con_lm2 li a:hover{border: 1px solid #006dd9; background: #f5f9ff;}
.con_lm2 li a img{padding: 0 25px 0 0;}
/* 互动右按钮 */
.zmhd_btn2 li{width: auto; padding: right 1.2em;}
.zmhd_btn2 li a{border: 0;}
.zmhd_btn2 li a:hover{border: 0;}

.con_list{padding-top: 1.5rem;}
.main_list{width: 65%;}
.tab-head2{height:3rem; line-height: 2rem;}
.tab-head2 li{ font-size: 1.25rem; color: #0063b8; font-weight: bold; position: relative; padding: 5px 1.5rem; border-radius: 5px;}
.tab-head2 li:last-child{margin-right: 0;}
.tab-head2 li.on{background:#0063b8; color: #fff;}
.tab-head2 a{color: #0063b8;}
.tab-head2 li.on a{color: #fff;}
.con_lm3{width: 33%; }
.con_lm3_btn{overflow: hidden; margin-top:1rem;}
.con_lm3_btn li{width: 50%; float: left; text-align: center; font-size: 1.125rem; border-left: 1px solid #ccc; border-top: 1px solid #ccc; margin-left: -1px; margin-top: -1px; box-sizing: border-box; padding-bottom: 1rem;}
.con_lm3_btn li i,.zwgk_lm3_btn li span{display: block;}
.con_lm3_btn li i{font-size: 2.5rem; color: #60a2ff; padding: .6em 0 .3em;}
.con_lm3_btn li span{line-height: 2; color: #666;}
.con_lm3_btn li:hover i, .con_lm3_btn li:hover span{color:#0063b8;}

/* 政府服务按钮 */
.zffw_list{position: relative;}
.fw_swipernav{position: absolute; top: 10px; right: 0; width: 100px;}
.fw_swipernav div{float: left; width: 50%; height:1.5rem; font-size: 2rem; overflow: hidden;}
.fw_swipernav div::before{display: block; transform:scale(1.6,1); -webkit-transform:scale(1.6,1); transform-origin:0 10px;}
.fw_swipernav div.fwnext{transform:scaleX(-1)}
.fw_swipernav div:hover{color: #0063b8;}
.fw_swipernav .swiper-button-disabled{color: #999 !important;}
.zffw_list_con{height: 19.75rem;}
.zffw_list_con ul{padding-top: 1rem; box-sizing: border-box; display: flex; flex-wrap: wrap;}
.zffw_list_con li{
    text-align: center;
    font-size: 18px;
    background: #fff;
    float: left;
    width: 20%;
    height: calc((100% - 20px) / 2);
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
.zffw_list_con li i{display: block; width: 5.5rem; height: 5.5rem; border-radius: 50%; background-color: #f5f9ff; border: 1px solid #c5dfff; text-align: center; margin: auto; color: #125ecc; font-size:2.2rem; line-height: 5.5rem; transition: all 0.35s;}
.zffw_list_con li span{line-height: 2.2;}
.zffw_list_con li a:hover i{border: 1px dashed #f85558; background-color: #feeeee; color:#f85558;}
.zffw_list_con li a:hover span{color:#f85558;}

/* 专题start */

.maintitle2{margin-top: 2em; margin-bottom: 2em; text-align: center; font-size: 1.875rem; color: #0063b8;}

.ztzl1 li{height: 7.5rem;}
.ztzl1 li img{width: 100%; height:100%;}
.ztzl1, .ztzl2{margin-bottom: 2em;}
.ztzl2 li{width: 100%; height:9.375rem; overflow: hidden;}
.index_content .ztzl2 li img{width: 100%; height: 100%;}
.bg3{background: url(../images/index_bg03.png) center no-repeat; background-size: cover; height:397px; position: relative;}
.maintitle3{margin-top: 1.2em; text-align: center; font-size:3.75rem; color: #fff;}
.xd_btn li{position: absolute; width: 5.375rem; height: 5.375rem; text-align: center; line-height: 5.375rem; background: rgba(255, 255, 255, .7); border-radius: 50%; font-size: 3.125rem; transition:0.2s;}
.xd_btn li.you{left: 10%; top: 3.5em;}
.xd_btn li.you a{color: #3621ae;}
.xd_btn li.xing{left: 30%; top: 4.5em;}
.xd_btn li.xing a{color: #ff26ff;}
.xd_btn li.shi{left: 50%; top: 5.6em;}
.xd_btn li.shi a{color: #006dd9;}

.xd_btn li:hover{
    transform: scale(.95);
	background: rgba(255, 255, 255, 1);
}
.xd_btn li:after {
    pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, .3);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
.xd_btn li:hover:after {
	-webkit-transform: scale(1.85);
	-moz-transform: scale(1.85);
	-ms-transform: scale(1.85);
	transform: scale(1.85);
	opacity: 0;
}

@media only screen and (max-width:1240px) {
    .index_news .news{width: 47%;}
    .tab-head li{width: 25%; margin-right: 0;}
    .ztzl2 li{height: auto;}
}
@media only screen and (max-width:1240px) {
    .maintitle{padding-left: 1rem;}
    .maintitle li{width:33%; margin-left: -1rem; padding-left:2.5rem;}
	.tab-head2 li{margin-right:0;}
}

@media only screen and (max-width:860px) {
    .index_news .picnews{width: 100%;margin-top: 20px;}
	.index_news .news{width: 100%;}
	.maintitle2{margin-top:1.25rem;margin-bottom:1.25rem;}
    .tab-head li{width: 25%; margin-right: 0;}
    .news-list-2{min-height: 5rem; margin-bottom: 1rem;}
    .news-list-2 .more{position: relative; width: 5.4rem; margin-top: 1em;}
    .picnews{height: 55vw;}
    .main_left_lm{width: 100%;}
    .main_rcon{width: 100%;}
   

}
@media only screen and (max-width:640px) {
    .maintitle li{padding-left:0;}
    .maintitle li a{font-size: 1.375rem; float: none; width: 100%; text-align: center;}
    .xxgk_left_lm{width: 100%;}
    .zwgk_maincon{width: 100%;}
    .main_list{width: 100%;}
    .con_lm3{width: 100%;}
    .con_lm2_btn li{width: 50%;}
    .maintitle3{font-size:1.875rem;}
}
@media only screen and (max-width:480px) {
    html{font-size: 14px;}
    .tab-head li{font-size: 1rem;}
    .maintitle li a{font-size: 1.25rem;}
    .tab-head2 li{margin-right: 10px; padding: 5px 0; width: calc(33% - 10px); text-align: center;}
    .tab-head2 li:last-child{margin-right: 0;}
    .maintitle3{font-size: 1.5rem;}
	.con_lm2_btn li{width: 100%;}
	.zffw_list_con li{width: 50%; height: auto;}
	.zffw_list_con{height: auto;}

}
@media only screen and (max-width:375px) {
    .index_news{padding: .2rem;}
    .maintitle{padding-left: 0;}
    .maintitle li{margin-left:0;}
}